<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" lang="zh">
<head th:include="blog/part/head">
    <link rel="stylesheet" type="text/css" href="/blog/css/load.css">
</head>

<body>
<!--<div class="loader"></div>-->
<div id="container">
    <header id="header" th:replace="blog/part/header :: header">
    </header>

    <div class="outer">

        <aside id="profile">
            <!--个人基础信息-->
            <div class="inner profile-inner" th:replace="blog/part/base-of-me :: base_of_me"></div>
            <!--友情链接-->
            <div class="inner profile-inner" th:replace="blog/part/friend-link :: friend_link"></div>
            <!--微信公众号信息-->
            <!--<div class="inner profile-inner" th:replace="blog/part/wechat-info :: wechat_info"></div>-->
        </aside>


        <section id="main">
            <div id="loader-wrapper">
                <div id="loader"></div>
                <div class="loader-section section-left"></div>
                <div class="loader-section section-right"></div>
                <div class="load_title">正在加载ZSCAT站点....<br><span>V1.0</span></div>
            </div>
            <div id="main-article"></div>
            <div style="margin-top: -29px;height:50px">
                <div style="float: left;display: none" class="pagination">共
                <span id="total-num"></span>
                条记录
                <span id="current-page"></span>
                /
                <span id="total-page"></span>
            </div>


                <div id="pagination" data-type="article" class="pagination" style="float: right">
                </div>

            </div>
        </section>

        <aside id="sidebar">

            <!--每日一言-->
            <div class="widget-wrap" th:replace="blog/part/aphorism :: aphorism"></div>
            <!--文章分类-->
            <div class="widget-wrap" th:replace="blog/part/classification :: classification"></div>
            <!--文章分类-->
            <div class="widget-wrap" th:replace="blog/part/article-archive :: article-archive"></div>
           <!-- <div class="widget-wrap" th:replace="blog/part/label-info :: label-info"></div>-->

            <div id="toTop" class="fa fa-angle-up"></div>
        </aside>

    </div>

    <footer id="footer" th:replace="blog/part/footer :: footer"></footer>
</div>
<script src="/blog/vendor/jquery/2.1.3/jquery.min.js"></script>
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<script src="/blog/js/index.js"></script>
<script src="/blog/js/share.js"></script>
<script src="/blog/js/jquery.pagination.js"></script>
<script src="/blog/js/jqPaginator.min.js"></script>
<script src="/blog/js/chosen.jquery.js"></script>
<!-- Custom Scripts -->
<script src="/blog/js/insight.js"></script>
<script src="/blog/vendor/lightgallery/js/lightgallery.min.js"></script>
<script src="/blog/js/main.js"></script>

</body>
</html>